HTML Links

زمانی که بخواهیم روی یک نوشته کلیک شود و اون نوشته کاربر را به مکانی دیگر هدایت کند از لینک ها استفاده میکنیم.کمی دقت کنید میبینید در تمام سایت ها ما داریم روی یک نوشته یا دکمه یا به منو کلیک میکنیم و به یک صفحه دیگر میرویم بیشتر این نوشته ها لینک هستند. لینک ها با تگ <a> تعریف میشود.در مثال زیر ما با کلیک روی نوشته سایت آی شاپ ساز کاربر را به صفحه اصلی سایت آی شاپ ساز هدایت میکنیم:

<a href="http://www.ishopsaz.com" >سایت آی شاپ ساز</a>

تگ لینک دارای جزئیاتی نیز میباشد که مهمترین آن ها به صورت زیر است:

• target:این ویژگی مشخص میکند لینک به چه صورت باز شود:
  • _self - پیش فرض این مورد است که لینک در همان صفحه باز میشود
  • _blank - صفحه در پنجره یا تب جدید باز میشود
  • _parent - لینک را در پنجره والد باز میکند
  • _top -لینک را در تمام بدنه پنجره باز میکند

به مثال زیر دقت کنید:(یادآوری:مثال ها را اجرا میکنید؟اگر اجرا کنید دیگر فراموش نخواهید کرد)

<a href="https://www.ishopsaz.com" target="_blank">سایت آی شاپ ساز</a>

• title: این ویژگی برای نمایش عنوان برای لینک است.این موضوع برای موتورهای جستجوگر خیلی مهم است

<a href="https://www.ishopsaz.com" title="Go to Ishopsaz ">Visit our HTML Tutorial</a>

• میتوانیم لینک را به صورت تعریف کنیم که بعد از کلید روی آن برنامه ایمیل برای ارسال ایمیل باز شود یا حتی آدرس یک فایل یا عکس را به لینک بدهیم تا در صورت کلیک آن فایل دانلود شود یا عکس نمایش داده شود.جالب تر وقتی است که لینک به یک صفحه html دیگر میدهیم در اینصورت بین صفحات جابه جا میشویم

مثال های زیر را امتحان کنید:

 
  <a href="https://www.ishopsaz.com/images/default/logo.png" title="Show picture">Visit Picture</a>
  
  <a href="mailto:info@ishopsaz.com" title="Email to ishopsaz">Email to ishopsaze</a>  
  
  <a href="https://www.ishopsaz.com/shop/index.html" title="Other html">Other html file</a>

در این قسمت به لینک ها پرداختیم در آینده با لینک ها زیاد کار میکنیم و متوجه میشوید این تگ چقدر کاربردی است